@mixin notification_counter() {
  position: absolute;
  top: var(--#{$cdk}size-4);
  right: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--#{$cdk}size-2);
  font-size: var(--#{$cdk}size-10);
  line-height: 1;
  color: var(--#{$cdk}white);
  background: var(--#{$cdk}red-500);
  border: 2px solid var(--#{$cdk}white);
  border-radius: var(--#{$cdk}size-10);
}
